@media screen and (min-width:200px ) {
.nav{
		height: 120px;
		width: 98%;
		background-color: rgba(252,157,153,0.5);
		box-shadow: 4px 2px 40px peachpuff;
		border-radius: 30px;
		position:fixed;
		left: 22px;
	}
.logo {
	height: 80px;
    	width: 200px;
    	padding-top: 8px;
	}
.bar {
	padding-top:5px;
	font-size:20px;
	word-spacing: 45px;
	
}
.main {
	   padding-bottom:15px;
	   margin-top: px ;
	   max-width: 100%;
		border-radius: 50px;
		}
.swiper_p{

	margin-top: 50px;

	text-indent: 2em;

	padding-top: 2%;

	padding-bottom: 2%;

	border-top: 1px #959595 solid;

	border-bottom: 1px #e8e8e8 solid;

	font-size: 1.2em;

	line-height: 1.5em;

	color: #666666;

	font-family:STKaiti,}
.parner{

	margin: 2% auto;

	width: 100%;

	overflow: hidden;

	text-align: center;
}
.parner span img{

	width: 4.8%;

	margin:0px 0.7%;

	min-width: 35px;
}
.box {
  		position:static;
  		width: 33rem;
  		background: aliceblue;
  		border-radius: 45px;
  		box-shadow: 0 2px 30px #FFC0CB;
  		box-sizing:border-box;
  		padding: 25px; 
  		margin: 2% 2%;
  		text-align: center;
  		display: inline-block;
  	}
	
.box:hover{
	box-shadow: 7px 7px 7px #E3E3E3;
	transform: scale(1.1)
	}
.box img{
	max-width:100%
}
footer {
		background: #e0e0e0;
		position: relative;
		width: 100%;
		margin-top: 40px;
		padding-top: 10px;
		padding-bottom: 10px;
		text-shadow: 5px 2px 6px salmon;
		color: black;
		overflow: hidden;
		border-radius: 30px
	}
		
	.footer-left img {
		width: 5%;
	}
	.footer-left {
		float:left;
		width: 49%;
		display: inline-block;
	}
	
  	.footer-right {
		border-left: 2px #bcbcbc dotted;
		float:right;
		width: 49%;
		display: inline-block;
	}
	contact p{
		margin-left: 5%;
	}
	contact img {
		margin-left: 5%;
		width: 23%;
	}

}